<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>妖神记漫画_第1回,重生_在线漫画阅读_极速漫画</title>
    <meta name="Description" content="妖神记1漫画简介：妖神一出，谁与争锋？ 这是一个妖灵的世界，融合了妖...极速漫画提供妖神记1在线阅读和妖神记177第一时间更新，同时也是国内妖神记漫画最快最全的在线漫画阅读网站 - 177第1页。"
    />
    <meta name="Keywords" content="妖神记漫画,妖神记第1回,妖神记在线漫画" />
    <meta name="Author" content="极速漫画:好漫画,为看漫画的人而生、1kkk.com" />
    <!-- 样式引用 -->
    {css href="/static/admin/css/bootstrap.min.css"}
    {css href="/static/home/css/reset.css"}
    {css href="/static/home/css/view.css"}


    {js href="/static/home/js/jquery-1.8.3.min.js"}


    <style type="text/css">
        div.yddiv iframe {
            position: relative !important;
        }
        li{
            float: left;
        }
        .pagination{
            width: 300px;
            margin:0 auto;
            float: right;
        }
    </style>

</head>

<body class="white">
<div class="view-header-2" style="overflow:visible;position: inherit;">
    <a href="/manhua33771/" class="back">退出阅读</a>
    <div class="title">
        <a href="/">首页</a>
        <span class="right-arrow">
                <a class="active" href="/manhua33771/" title="{$mhname}">{$mhname}</a>
            </span>
    </div>
    <div class="right-bar">
        <div class="hover">
            <a href="javascript:void(0);" class="avatar userbtn">
                <img data-isload="0" class="header-avatar" src="http://css99tel.cdndm5.com/blue/images/mrtx.gif" /> </a>
        </div>
        <div class="hover" style="margin-left: 30px;">
            <a href="/bookmarker/" class="bookshelf" data-isload="0" target="_blank">书架</a>
        </div>
        <a href="javascript:void(0)" class="collection">收藏</a>
        <a href="javascript:void(0)" class="phone ">手机上查看
            <span class="code ">
                <img src="http://css99tel.cdndm5.com/v201805251443/blue/images/manhua_pc_code_1.png" />
                <p>扫码在手机上阅读</p>
            </span>
        </a>
    </div>
</div>

<!--内容区-->
<div class="view-main " id="showimage " oncontextmenu="return false; " style="margin-top:5px; ">
    <div class="item" id="cp_img " oncontextmenu="return false; ">
        <ul>
            {volist name="data" id="u"}
            <img src="/comic/{$u.detail}" width="700">
            {/volist}
        </ul>
    </div>
</div>



<div class="view-paging" style="margin-top:5px;">
    <div class="container">

    </div>
</div>

<!--广告位-->
<div class="" id="c16" class="" style="width:960px;height:90px;">

</div>

<div class="view-comment" style="position:relative;">
    <div class="container" style="width:1180px;    overflow: visible;">
        <div style="float:left;width:858px;">
            <div class="view-comment-main">
                <div class="top">
                    <span>本章评论</span>
                    <span class="s commentcount" style="border-right:none">(共有{$zong}条评论)</span>
                    <div class="page bottom-page"> </div>
                </div>
                <ul class="list">

                    <!--评论区-->
                    <li>
                        <ul class="postlist">
                            <!--评论-->
                            {volist name="comment" id="v"}
                            <li class="dashed">
                                <div class="cover">
                                    <!--用户头像-->
                                    <img src="http://manhua1028-61-174-50-140.cdndm5.com/userfile/5/avatars/2017/1/4/79868891/1/ef87dd12472d46bfbd0a783ba482f8ac_tmb_64x64.jpg">
                                </div>
                                <div class="info">
                                    <p class="title">{$v.name}</p>
                                    <p class="content">{$v.detail}</p>
                                    <p class="bottom">{$v.time|date='Y-m-d H:i:s',###}
                                        <span class="right">
                                            <button style="border: none;background-color: #fff" data-toggle="modal" data-target="#myModal" class="zann" dataid="{$v.id}"><span class="sp{$v.id}">赞</span> &nbsp;&nbsp;<span class="zo{$v.id}">{$v.zan}</span></button>
                                        </span>
                                    </p>
                                </div>
                            </li>
                            {/volist}
                        </ul>
                    </li>

                    <li>
                        <div class="cover">
                            <img src="http://css99tel.cdndm5.com/blue/images/mrtx.gif">
                        </div>
                        <div class="info">
                            <input type="hidden" name="mid" value="{$zid}" id="did">
                            <textarea class="comment-input js_max_text_length" name="comt" id="comt" placeholder="我来说两句..." onfocus="vv(this)" data-toggle="modal" data-target="#myModal"></textarea>
                            <p class="comment-item">
                                    <span class="right">
                                        <span>请您文明上网，理性发言，注意文明用语</span>
                                        <span class="red"></span>
                                        <span></span>

                                        <button class="btn btn-primary btn-lg fa-btn" style="line-height: 16px;">
                                          发表评论
                                        </button>

                                    </span>
                            </p>
                        </div>
                    </li>
                </ul>
                {$comment->render()}

            </div>

            <!--广告位-->
        <div>

        </div>

        </div>
        <div class="view-comment-sub">
            <div>
                <img src="http://css99tel.cdndm5.com/v201805251443/blue/images/view_code_ad.jpg" /> </div>
            <div class="sub-manga">
                <div class="top">相关作品</div>
                <ul class="list">
                    {volist name="datall" id="v"}
                    <li>
                        <div class="cover">
                            <a href="{:url('/home/detail/index',['id'=>$v['id']])}" title="{$v.name}">
                                <img src="/uploads/{$v.pic}">
                            </a>
                        </div>
                        <div class="info">
                            <p class="title">
                                <a href="{:url('/home/detail/index',['id'=>$v['id']])}" title="{$v.name}">{$v.name}</a>
                            </p>
                            <p class="subtitle-new"> {$v.detail|mb_substr=0,16}... </p>
                            <p class="tip">
                                <span>评分:</span>
                                <span>{$v.mark}</span>
                            </p>
                        </div>
                    </li>
                   {/volist}
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="view-mask" id="last-mask" style="display:none;z-index:900"></div>


<footer class="footer container-fluid">
    <section class="container">
        <div class="footer-left">
            <p class="footer-logo">
                <a href="/">
                    <img src="http://css99tel.cdndm5.com/v201805251443/blue/images/logo-big.png" alt=""> </a>
            </p>
            <p class="link">
                        <span>
                            <a href="/about/" target="_blank">关于我们</a>
                        </span>
                <span>
                            <a href="/coomperation/" target="_blank">商务合作</a>
                        </span>
                <span>
                            <a href="/help/" target="_blank">建议与投诉</a>
                        </span>
                <span>
                            <a href="/mianze/" target="_blank">版权声明</a>
                        </span>
            </p>
            <p> Copyright (C) 2010-2020 www.1kkk.com 极速漫画 All rights reserved </p>
            <p> 文网文：浙网文[2015]0289-059号 网站备案：浙ICP备09075556号-4 </p>
        </div>
        <div class="footer-rigth">
            <ul class="qrcode-list">
                <li>
                    <img width="100" height="100" src="http://css99tel.cdndm5.com/v201805251443/blue/images/down-qrcode-2.png" alt="">
                    <span>手机APP</span>
                </li>
                <li>
                    <img width="100" height="100" src="http://css99tel.cdndm5.com/v201805251443/blue/images/weibo.png" alt="">
                    <span>新浪微博</span>
                </li>
            </ul>
        </div>
    </section>
</footer>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">用户登陆</h4>
            </div>
            <form>
                <div class="modal-body">

                    <div class="form-group">
                        <label for="exampleInputEmail1">Email address</label>
                        <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
                    </div>
                    <div class="form-group">
                        <label for="exampleInputPassword1">Password</label>
                        <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal" style="line-height: 22px;margin-left: 20px;">关闭</button>
                    <button type="button" class="btn btn-primary" style="line-height: 22px;">登陆</button>
                </div>
            </form>
        </div>
    </div>
</div>

{js href="/static/admin/js/bootstrap.min.js"}
<script>


    function vv(obj){
        if ("{$email}".length == 0) {
            // alert('请先登陆');
            obj.blur();
        }else{
            obj.removeAttribute('data-toggle');
            obj.removeAttribute('data-target');

        }
    }


    $(function(){
        $('.fa-btn').click(function(){
            var tt = $('#did').val();
            var bb = $('#comt').val();
            $.ajax({
                type:'post',
                url:'/zans',
                data:{
                    "mid":tt,
                    "detail":bb
                },
                traditional:true,
                success:function(data){
                    if (data.status){
                        // alert('评论成功');
                        $('.postlist').append("<li class='dashed'>" +
                            "<div class='cover'>" +
                            "<img src=\'http://manhua1028-61-174-50-140.cdndm5.com/userfile/5/avatars/2017/1/4/79868891/1/ef87dd12472d46bfbd0a783ba482f8ac_tmb_64x64.jpg\'>" +
                            "</div>" +
                            "<div class='info'>" +
                            "<p class='title'>"+data.name+"</p>" +
                            "<p class='content'>"+data.detail+"</p>" +
                            "<p class='bottom'>"+ data.tie +
                            "<span class='right'>" +
                            "<button style=\"border: none;background-color: #fff\" data-toggle=\"modal\" data-target=\"#myModal\" class=\"zann\" dataid="+data.id+"><span class=\"sp"+data.id+"\">赞</span> &nbsp;&nbsp;<span class=\"zo"+data.id+"\">"+data.zang+"</span></button>" +
                            "</span></p></div></li>");
                        $('#comt').val('');
                    }else{
                        alert('评论不能为空');
                    }
                },
                error:function(){
                    alert('AJAX传输错误');
                }

            });


        });



        $('.zann').click(function(){
            // console.log($(this));
            if ("{$email}".length == 0) {
                $(this).blur();
            }else{
                $(this).removeAttr('data-toggle');
                $(this).removeAttr('data-target');
                var dataid = $(this).attr('dataid');
                var dazan = $(this).children().eq(0).text();
                var len = dazan.length;
                addzan(dataid,len);

            }
        });


        function addzan(dataid,len){
            $.ajax({
                type:'put',
                url:'/zans/'+dataid,
                data:{
                    'len':len
                },
                dataType:'json',
                success:function(data){
                    if (data.status){
                        $('.sp'+data.id).html(data.infoo);
                        $('.zo'+data.id).html(data.zanzz);
                    } else{
                        alert('操作错误');
                    }
                },
                error:function(){
                    alert('AJAX传输错误');
                }

            })
        }


    });




</script>





<script type="text/javascript">
    $(window).scroll(function () {
        if ($(window).scrollTop() + $(window).height() > $('.view-comment').offset().top + $(
            '.view-comment-sub').height() + 20) {
            if ($(window).scrollTop() + $(window).height() > $(document).height() - $('footer').height() -
                78) {
                $('.view-comment').css('min-height', $('.view-comment-sub').height() + 'px');
                $('.view-comment-sub').css({
                    'position': 'absolute',
                    'left': '50%',
                    'margin-left': '300px',
                    'bottom': '20px'
                });
            } else {
                $('.view-comment').css('min-height', $('.view-comment-sub').height() + 'px');
                $('.view-comment-sub').css({
                    'position': 'fixed',
                    'left': '50%',
                    'margin-left': '300px',
                    'bottom': '20px'
                });
            }
        } else {
            $('.view-comment-sub').css({
                'position': 'relative',
                'left': '0',
                'margin-left': '0',
                'bottom': '0'
            });
        }
    });
</script>
</body>

</html>